
/*
引入css三种方式
1.
<script>
import "@/assets/css/reset.css"
</script>
2.
<style scoped>
@import '../../assets/css/VueCss.css';
</style>
3.main.js中
import './assets/css/common.css'
*/

/*修改滚动条样式*/
.my-scorll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.my-scorll::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 2px;
}
.my-scorll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.my-scorll::-webkit-scrollbar-thumb:hover {
  background: rgba(56, 74, 82, 0.7);
}

// 清除浮动
.clearfix {
  display: block;
  zoom: 1;
  &:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}



// :root {
//   --el-border-radius-base: 30px !important;
// }

.el-radio-button {
  --el-border-radius-base: 30px !important;
}



// 定义全局样式 基础样式变量
// @fontSize: 12px;
// @fontColor: red;

body{
  --themeColor:#000;
  --themeFontSize:10px;
}
// 垂直居中
.flexCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}


// 实现换肤
.theme1{
  .theme();
}
.theme2{
  .theme(red,purple);
}
.theme3{
  .theme(purple,red);
}
.theme4{
  .theme(rgb(0, 66, 128),rgb(0, 217, 255));
}
// 字体大小
.font1{
  .globalfontsize(10px)
}
.font2{
  .globalfontsize()
}
.font3{
  .globalfontsize(18px)
}
.font4{
  .globalfontsize(24px)
}
#app{
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  height: 100%;
}
.theme(@backgroundColor:#ddd,@color:black){
  .el-header{
    color:@color !important;
    background-color: @backgroundColor;
  }

  
}

.globalfontsize(@fontsize:14px,){
  .el-header{
    font-size: @fontsize;
  }
}

